    var sel = 0;
function  combosGraficosEstudiantes()
{
    var textoGuia = document.createElement("h3");
    textoGuia.setAttribute("class", "accordion-head");
    textoGuia.innerHTML = "<span class='accordion-head-image'></span> Resultados Estudiantes <br>";
    document.getElementById("subDiv").appendChild(textoGuia);
    pintaCuadroSelectsEstudiantes();
}
;

function  combosGraficosProfesores()
{
    var textoGuia = document.createElement("h3");
    textoGuia.setAttribute("class", "accordion-head");
    textoGuia.innerHTML = "<span class='accordion-head-image'></span> Resultados Profesores <br>";
    document.getElementById("subDiv").appendChild(textoGuia);
    pintaCuadroSelectsProfesores();
}
;

function  combosGraficosEmpresas()
{
    var textoGuia = document.createElement("h3");
    textoGuia.setAttribute("class", "accordion-head");
    textoGuia.innerHTML = "<span class='accordion-head-image'></span> Resultados Empresas <br>";
    document.getElementById("subDiv").appendChild(textoGuia);
    pintaCuadroSelectsEmpresas();
}
;

function pintaCuadroSelectsEstudiantes()
{
    //creo el div 
    var comboCorreosDivAdministrativosEst = document.createElement("div");
    comboCorreosDivAdministrativosEst.setAttribute("id", "comboCorreosDivAdministrativosEst");

    //creo el form
    var comboCorreosFormAdministrativosEst = document.createElement("form");
    comboCorreosFormAdministrativosEst.setAttribute("id", "comboCorreosFormAdministrativosEst");

    var label22 = document.createElement("label");
    label22.innerHTML = "Escoja el Ciclo, el Curso y el Año : ";

    comboCorreosFormAdministrativosEst.appendChild(label22);

    comboCorreosFormAdministrativosEst.appendChild(document.createElement("br"));
    comboCorreosFormAdministrativosEst.appendChild(document.createElement("br"));

    //creo el boton de aceptar del div
    var botonComboAdminEst = document.createElement("input");
    botonComboAdminEst.setAttribute("type", "button");
    botonComboAdminEst.setAttribute("value", "Aceptar");
    botonComboAdminEst.setAttribute("id", "botonComboAdminEst");
    botonComboAdminEst.setAttribute("class", "botL");
    botonComboAdminEst.setAttribute("onclick", "generandoGraficoEst(event)");

    //creo los combobox   

    var dataCiclos = document.createElement("select");
    dataCiclos.setAttribute("id", "dataCiclosEst");

    var opcion = new Option("Seleccione Ciclo", 0);
    var opcion1 = new Option("I Ciclo", 1);
    var opcion2 = new Option("II Ciclo", 2);

    dataCiclos.appendChild(opcion);
    dataCiclos.appendChild(opcion1);
    dataCiclos.appendChild(opcion2);

    comboCorreosFormAdministrativosEst.appendChild(dataCiclos);
//------------------------------------------------------------
    var dataCursos = document.createElement("select");
    dataCursos.setAttribute("id", "dataCursosEst");

    var opcion3 = new Option("Seleccione Curso", 0);
    var opcion4 = new Option("Ingeniería I", 1);
    var opcion5 = new Option("Ingeniería II", 2);
    var opcion6 = new Option("Ingeniería III", 3);

    dataCursos.appendChild(opcion3);
    dataCursos.appendChild(opcion4);
    dataCursos.appendChild(opcion5);
    dataCursos.appendChild(opcion6);

    comboCorreosFormAdministrativosEst.appendChild(dataCursos);

    //-----------------------------------------------------------   

    createWaiting();
    $.ajax
            ({
                type: "POST",
                url: "./php_obtenerAnnos.php",
                data:
                        {
                            req: "obtieneAnnos"
                        },
                success: function(data)
                {
                    var json = jQuery.parseJSON(data);
                    if (json.success)
                    {
                        var dataAnnos = document.createElement("select");
                        dataAnnos.setAttribute("id", "dataAnnosEst");

                        var opcion7 = new Option("Seleccione Año", 0);
                        dataAnnos.appendChild(opcion7);

                        var i;
                        for (i = 0; i < json.rowCount; i++)
                        {
                            var opcion8 = new Option(json.Elements[i].AÑO_GRUPO_CURSO, (i + 1));
                            //creo las opciones del combox con lo estraido de la case de datos
                            dataAnnos.appendChild(opcion8);
                        }

                        comboCorreosFormAdministrativosEst.appendChild(dataAnnos);
                        comboCorreosFormAdministrativosEst.appendChild(botonComboAdminEst);
                        comboCorreosDivAdministrativosEst.appendChild(comboCorreosFormAdministrativosEst);
                        document.getElementById("subDiv").appendChild(comboCorreosDivAdministrativosEst);
                    }
                    else
                    {
                        comboCorreosFormAdministrativosEst.appendChild(dataAnnos);
                        comboCorreosFormAdministrativosEst.appendChild(botonComboAdminEst);
                        comboCorreosDivAdministrativosEst.appendChild(comboCorreosFormAdministrativosEst);
                        document.getElementById("subDiv").appendChild(comboCorreosDivAdministrativosEst);
                    }
                    
                    closeWaiting();
                }
            });
}
;

function generandoGraficoEst()
{
    var listComb1 = document.getElementById("dataCiclosEst");
    var textComb1 = listComb1.options[listComb1.selectedIndex].text;
    var valueComb1 = listComb1.options[listComb1.selectedIndex].value;
    var listComb2 = document.getElementById("dataCursosEst");
    var valueComb2 = listComb2.options[listComb2.selectedIndex].value;
    var listComb3 = document.getElementById("dataAnnosEst");
    var textComb3 = listComb3.options[listComb3.selectedIndex].text;
    var valueComb3 = listComb3.options[listComb3.selectedIndex].value;

    if (valueComb1 == 0 || valueComb2 == 0 || valueComb3 == 0) {
        createMsg("Atención", "Por favor seleccione todas las opciones de la información para generar los graficos", 3);
    } else {
        cicloEstudianteGraficos = textComb1;
        if (valueComb2 == 1) {
            cursoEstudianteGraficos = "Ingeniería I";
        } else if (valueComb2 == 2) {
            cursoEstudianteGraficos = "Ingeniería II";
        } else if (valueComb2 == 3) {
            cursoEstudianteGraficos = "Ingeniería III";
        }
        annioEstudianteGraficos = textComb3;

        document.getElementById("subDiv").innerHTML = "";
 
         console.log(cicloEstudianteGraficos+" "+cursoEstudianteGraficos+" "+annioEstudianteGraficos);
         cuestionarioEst("estudiante",cicloEstudianteGraficos,cursoEstudianteGraficos,annioEstudianteGraficos); 
         
         
    }
}
;

function pintaCuadroSelectsProfesores()
{
    //creo el div
    var comboCorreosDivAdministrativosPro = document.createElement("div");
    comboCorreosDivAdministrativosPro.setAttribute("id", "comboCorreosDivAdministrativosPro");

    //creo el form
    var comboCorreosFormAdministrativosPro = document.createElement("form");
    comboCorreosFormAdministrativosPro.setAttribute("id", "comboCorreosFormAdministrativosPro");


    var label22 = document.createElement("label");
    label22.innerHTML = "Escoja el Ciclo, el Curso y el Año: ";

    comboCorreosFormAdministrativosPro.appendChild(label22);

    comboCorreosFormAdministrativosPro.appendChild(document.createElement("br"));
    comboCorreosFormAdministrativosPro.appendChild(document.createElement("br"));

    //creo el boton de aceptar del div
    var botonComboAdminPro = document.createElement("input");
    botonComboAdminPro.setAttribute("type", "button");
    botonComboAdminPro.setAttribute("value", "Aceptar");
    botonComboAdminPro.setAttribute("id", "botonComboAdminPro");
    botonComboAdminPro.setAttribute("class", "botL");
    botonComboAdminPro.setAttribute("onclick", "generandoGraficoPro()");

    //creo los combobox   

    var dataCiclos = document.createElement("select");
    dataCiclos.setAttribute("id", "dataCiclos");

    var opcion = new Option("Seleccione Ciclo", 0);
    var opcion1 = new Option("I Ciclo", 1);
    var opcion2 = new Option("II Ciclo", 2);
    dataCiclos.appendChild(opcion);
    dataCiclos.appendChild(opcion1);
    dataCiclos.appendChild(opcion2);

    comboCorreosFormAdministrativosPro.appendChild(dataCiclos);
//------------------------------------------------------------
    var dataCursos = document.createElement("select");
    dataCursos.setAttribute("id", "dataCursos");

    var opcion3 = new Option("Seleccione Curso", 0);
    var opcion4 = new Option("Ingeniería I", 1);
    var opcion5 = new Option("Ingeniería II", 2);
    var opcion6 = new Option("Ingeniería III", 3);

    dataCursos.appendChild(opcion3);
    dataCursos.appendChild(opcion4);
    dataCursos.appendChild(opcion5);
    dataCursos.appendChild(opcion6);

    comboCorreosFormAdministrativosPro.appendChild(dataCursos);


    //-----------------------------------------------------------   

    createWaiting();
    $.ajax
            ({
                type: "POST",
                url: "./php_obtenerAnnos.php",
                data:
                        {
                            req: "obtieneAnnos"
                        },
                success: function(data)
                {
                    var json = jQuery.parseJSON(data);
                    if (json.success)
                    {

                        var dataAnnos = document.createElement("select");
                        dataAnnos.setAttribute("id", "dataAnnos");

                        var opcion7 = new Option("Seleccione Año", 0);
                        dataAnnos.appendChild(opcion7);
                        var i;
                        for (i = 0; i < json.rowCount; i++)
                        {
                            var opcion8 = new Option(json.Elements[i].AÑO_GRUPO_CURSO, (i + 1));
                            //creo las opciones del combox con lo estraido de la case de datos
                            dataAnnos.appendChild(opcion8);
                        }

                        comboCorreosFormAdministrativosPro.appendChild(dataAnnos);
                        comboCorreosFormAdministrativosPro.appendChild(botonComboAdminPro);
                        comboCorreosDivAdministrativosPro.appendChild(comboCorreosFormAdministrativosPro);
                        document.getElementById("subDiv").appendChild(comboCorreosDivAdministrativosPro);
                    }
                    else
                    {
                        comboCorreosFormAdministrativosPro.appendChild(dataAnnos);
                        comboCorreosFormAdministrativosPro.appendChild(botonComboAdminPro);
                        comboCorreosDivAdministrativosPro.appendChild(comboCorreosFormAdministrativosPro);
                        document.getElementById("subDiv").appendChild(comboCorreosDivAdministrativosPro);
                        createMsg("¡ERROR!", "No se pudieron obtener los años validos", 1);
                    }
                    closeWaiting();
                }
            });
}
; 

//JAAAAAAAAAAAAAAA
function genGraphEst(pregs, resps)
{  
    var listComb1 = document.getElementById("ps");
    if(listComb1.selectedIndex>0)
        graficando((listComb1.selectedIndex-1),pregs,resps); 
    else createMsg("Precaución","Debe seleccionar una de las preguntas",3);
}

function pintaSeleccionaPregunta(pregs, resps)
{ 
    console.log("1");
    console.log(resps);
    var comboCorreosDivAdministrativosPro = document.createElement("div");
    comboCorreosDivAdministrativosPro.setAttribute("id", "comboCorreosDivAdministrativosPro");

    //creo el form
    var comboCorreosFormAdministrativosPro = document.createElement("form");
    comboCorreosFormAdministrativosPro.setAttribute("id", "comboCorreosFormAdministrativosPro");


    var label22 = document.createElement("label");
    label22.innerHTML = "Seleccione la pregunta que desea graficar";

    comboCorreosFormAdministrativosPro.appendChild(label22);

    comboCorreosFormAdministrativosPro.appendChild(document.createElement("br"));
    comboCorreosFormAdministrativosPro.appendChild(document.createElement("br"));

    //creo el boton de aceptar del div
    var botonComboAdminPro = document.createElement("input");
    botonComboAdminPro.setAttribute("type", "button");
    botonComboAdminPro.setAttribute("value", "Graficar");
    botonComboAdminPro.setAttribute("id", "botonComboAdminPro");
    botonComboAdminPro.setAttribute("class", "botL");  

    var ps = document.createElement("select");
    ps.setAttribute("id", "ps");

    var opcion7 = new Option("Seleccione pregunta", 0);
    ps.appendChild(opcion7);
    var i;
    for (i = 0; i < preguntasCuestionario.length; i++)
    { 
        var opcion8 = new Option(preguntasCuestionario[i].PK_ID_PREGUNTA+" ."+preguntasCuestionario[i].DESCRIPCION_PREGUNTA, (i + 1));
        //creo las opciones del combox con lo estraido de la case de datos
        ps.appendChild(opcion8);
    }

    comboCorreosFormAdministrativosPro.appendChild(ps); 
        botonComboAdminPro.onclick = function ()
                                     { 
                                        var listComb1 = document.getElementById("ps");
                                        if(listComb1.selectedIndex>0)
                                            graficando((listComb1.selectedIndex-1),pregs,resps); 
                                        else createMsg("Precaución","Debe seleccionar una de las preguntas",3);
                                     }; 

    comboCorreosFormAdministrativosPro.appendChild(botonComboAdminPro);
    comboCorreosDivAdministrativosPro.appendChild(comboCorreosFormAdministrativosPro);
    document.getElementById("subDiv").appendChild(comboCorreosDivAdministrativosPro);
}


////JAAAAAAAAAAVIIIIIII
function generandoGraficoPro()
{
    var listComb1 = document.getElementById("dataCiclos");
    var textComb1 = listComb1.options[listComb1.selectedIndex].text;
    var valueComb1 = listComb1.options[listComb1.selectedIndex].value;
    var listComb2 = document.getElementById("dataCursos");
    var valueComb2 = listComb2.options[listComb2.selectedIndex].value;
    var listComb3 = document.getElementById("dataAnnos");
    var textComb3 = listComb3.options[listComb3.selectedIndex].text;
    var valueComb3 = listComb3.options[listComb3.selectedIndex].value;

    if (valueComb1 == 0 || valueComb2 == 0 || valueComb3 == 0) {
        createMsg("Atención", "Por favor seleccione todas las opciones de la información para los gráficos", 3);
    } else {
        cicloProfesorGraficos = textComb1;
        if (valueComb2 == 1) {
            cursoProfesorGraficos = "Ingeniería I";
        } else if (valueComb2 == 2) {
            cursoProfesorGraficos = "Ingeniería II";
        } else if (valueComb2 == 3) {
            cursoProfesorGraficos = "Ingeniería III";
        }
        annioProfesorGraficos = textComb3;

        document.getElementById("subDiv").innerHTML = "";

        cuestionarioEst("profesor",cicloProfesorGraficos,cursoProfesorGraficos,annioProfesorGraficos); 
        //graficando(cicloProfesorGraficos, cursoProfesorGraficos, annioProfesorGraficos,"profesores");
    }
}
;

function pintaCuadroSelectsEmpresas()
{
    //creo el div
    var comboCorreosDivAdministrativosPro = document.createElement("div");
    comboCorreosDivAdministrativosPro.setAttribute("id", "comboCorreosDivAdministrativosCont");

    //creo el form
    var comboCorreosFormAdministrativosPro = document.createElement("form");
    comboCorreosFormAdministrativosPro.setAttribute("id", "comboCorreosFormAdministrativosCont");


    var label22 = document.createElement("label");
    label22.innerHTML = "Escoja el Ciclo , el Curso y el Año: ";

    comboCorreosFormAdministrativosPro.appendChild(label22);

    comboCorreosFormAdministrativosPro.appendChild(document.createElement("br"));
    comboCorreosFormAdministrativosPro.appendChild(document.createElement("br"));

    //creo el boton de aceptar del div
    var botonComboAdminPro = document.createElement("input");
    botonComboAdminPro.setAttribute("type", "button");
    botonComboAdminPro.setAttribute("value", "Aceptar");
    botonComboAdminPro.setAttribute("id", "botonComboAdminCont");
    botonComboAdminPro.setAttribute("class", "botL");
    botonComboAdminPro.setAttribute("onclick", "generandoGraficoCont()");

    //creo los combobox   

    var dataCiclos = document.createElement("select");
    dataCiclos.setAttribute("id", "dataCiclos");

    var opcion = new Option("Seleccione Ciclo", 0);
    var opcion1 = new Option("I Ciclo", 1);
    var opcion2 = new Option("II Ciclo", 2);
    dataCiclos.appendChild(opcion);
    dataCiclos.appendChild(opcion1);
    dataCiclos.appendChild(opcion2);

    comboCorreosFormAdministrativosPro.appendChild(dataCiclos);
//------------------------------------------------------------
    var dataCursos = document.createElement("select");
    dataCursos.setAttribute("id", "dataCursos");

    var opcion3 = new Option("Seleccione Curso", 0);
    var opcion4 = new Option("Ingeniería I", 1);
    var opcion5 = new Option("Ingeniería II", 2);
    var opcion6 = new Option("Ingeniería III", 3);

    dataCursos.appendChild(opcion3);
    dataCursos.appendChild(opcion4);
    dataCursos.appendChild(opcion5);
    dataCursos.appendChild(opcion6);

    comboCorreosFormAdministrativosPro.appendChild(dataCursos);


    //-----------------------------------------------------------   

    createWaiting();
    $.ajax
            ({
                type: "POST",
                url: "./php_obtenerAnnos.php",
                data:
                        {
                            req: "obtieneAnnos"
                        },
                success: function(data)
                {
                    var json = jQuery.parseJSON(data);
                    if (json.success)
                    {

                        var dataAnnos = document.createElement("select");
                        dataAnnos.setAttribute("id", "dataAnnos");

                        var opcion7 = new Option("Seleccione Año", 0);
                        dataAnnos.appendChild(opcion7);
                        var i;
                        for (i = 0; i < json.rowCount; i++)
                        {
                            var opcion8 = new Option(json.Elements[i].AÑO_GRUPO_CURSO, (i + 1));
                            //creo las opciones del combox con lo estraido de la case de datos
                            dataAnnos.appendChild(opcion8);
                        }

                        comboCorreosFormAdministrativosPro.appendChild(dataAnnos);
                        comboCorreosFormAdministrativosPro.appendChild(botonComboAdminPro);
                        comboCorreosDivAdministrativosPro.appendChild(comboCorreosFormAdministrativosPro);
                        document.getElementById("subDiv").appendChild(comboCorreosDivAdministrativosPro);
                    }
                    else
                    {
                        comboCorreosFormAdministrativosPro.appendChild(dataAnnos);
                        comboCorreosFormAdministrativosPro.appendChild(botonComboAdminPro);
                        comboCorreosDivAdministrativosPro.appendChild(comboCorreosFormAdministrativosPro);
                        document.getElementById("subDiv").appendChild(comboCorreosDivAdministrativosPro);
                        createMsg("¡ERROR!", "No se pudieron obtener los años validos", 1);
                    }
                    closeWaiting();
                }
            });
}
;

function generandoGraficoCont()
{
    var listComb1 = document.getElementById("dataCiclos");
    var textComb1 = listComb1.options[listComb1.selectedIndex].text;
    var valueComb1 = listComb1.options[listComb1.selectedIndex].value;
    var listComb2 = document.getElementById("dataCursos");
    var valueComb2 = listComb2.options[listComb2.selectedIndex].value;
    var listComb3 = document.getElementById("dataAnnos");
    var textComb3 = listComb3.options[listComb3.selectedIndex].text;
    var valueComb3 = listComb3.options[listComb3.selectedIndex].value;

    if (valueComb1 == 0 || valueComb2 == 0 || valueComb3 == 0) {
        createMsg("Atención", "Por favor seleccione todas las opciones de la información para los gráficos", 3);
    } else {
        cicloEmpresasGraficos = textComb1;
        if (valueComb2 == 1) {
            cursoEmpresasGraficos = "Ingeniería I";
        } else if (valueComb2 == 2) {
            cursoEmpresasGraficos = "Ingeniería II";
        } else if (valueComb2 == 3) {
            cursoEmpresasGraficos = "Ingeniería III";
        }
        annioEmpresasGraficos = textComb3;

        document.getElementById("subDiv").innerHTML = "";

        cuestionarioEst("contacto",cicloProfesorGraficos,cursoProfesorGraficos,annioProfesorGraficos); 
        //graficando(cicloEmpresasGraficos, cursoEmpresasGraficos, annioEmpresasGraficos,"empresas");
    }
}
;